Thanks for the PR! Can you attach a before and after screenshot?

I am not sure if changing the order is a good idea. Our users are used to how this is ordered now, changing it might confuse some...

But I am willing to see the change in screenshots, before making up my mind finally...

@MannXo Did you noticed the request for screenshots? 🙂

@KristjanESPERANTO thank you for the reminder.
the before after screenshots are attached.

@MannXo Thanks for the screenshots 🙂 Please mark which is which. I think the first is the "after" one, right?

@KristjanESPERANTO indeed.
First one is the "after" and second one is "before"

@rejas What do you think?

Sorry for my late answer... Thanks fro your PR. I could see something like this merged, IF we could make the order configurable. So that people could arrange them to their likings. Maybe using a flex order css property would be the solution (so people could change that order via custom css)
@MannXo are you comfortable trying something like this out? Or how good are your css skills?

@MannXo Did you noticed the last comment? 🙂

@KristjanESPERANTO I feel I can do that. shall I create an issue for it first? or shall I just revert my commits on this branch and implement the flex?

I think it would be best to do it in this PR here. When we merge, we'll squash all the commits into one, so you don't have to worry too much about keeping the Git history clean 🙂